
*{/* 初始化 */
    margin: 0;
    padding: 0;
	list-style: none;
}

:root{
	color-whole-light:#6ca0ff ;
	color-whole-dark:#3376fe ;
}
body{
    /* 100%窗口高度 */
    height: 100vh;
	background:url("../img/医药.png") no-repeat;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: top center;
	background-attachment: fixed; */
/* 	background-color: #eceef5; */
	justify-content: center;
		align-items: center;
}
img{
	
	    width: 23px;
		display: inline-block;
}


.icon {
  width: 1.3em;
  height: 1.3em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
a{
		text-decoration:none;
}



.topbox{
    background-color: #6ca0ff;
    width:100%;
    height: 55px;
	z-index: 30;

	opacity: 0.9;
	color: #FFFFFF;
	background-position: top center;
	background-attachment: fixed;
	display: inline-block;
	position: fixed;
	top:0px;
	box-shadow: -1px 0px 1px #dadce1,0px 1px 1px #dadce1,0px -1px 1px #dadce1,1px 0px 1px #dadce1;; 

	
}
.tbleft{
	display: inline-block;
	  height: 50px;
	  float:left;
	margin-left: 10px;
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  text-align:center;
}
.tbright{
	display: inline-block;
	  height: 50px;
	  float: right;
	  display: flex;
	  margin-right:10px;
	  justify-content: center;
	  align-items: center;
}

.box{
	margin-top: 15px;
	margin-left: 55px;
		width:93.7%;
	 position: absolute;
}

#person{
	background-color: transparent;
	border: 0ch;
	color:#FFFFFF;
	cursor: pointer;
	margin-top: 10px;
	margin-left: 20px;
	margin-right: 30px;
	font-size:16px;
}

#person:hover{
	color:#efefef;
}
#logo{
				width: 50px;
			}
#title{
	margin-top:14px;
	margin-left: 5px;
	font-size: 26px;
	 letter-spacing: 2px;
	font-weight: 520;
}
#out{
	cursor: pointer;
	display: inline-block;
	justify-content: center;
	margin-top:15px;
	align-items: center;
	margin-right:10px;
}

.nav{
	float: left;
	width: 195px;
	height:490px;
	margin-right: 0px;
	border-radius: 10px;
	background-color: #fbfcfd;
	opacity: 0.9;
	display: flex;
	margin-top: 55px;
		position: fixed;
box-shadow: -1px 0px 1px #dadce1,0px 1px 1px #dadce1,0px -1px 1px #dadce1,1px 0px 1px #dadce1;
}

.parentnav{
	margin-top: 5px;
	width:195px;
	height:40px;
	font-size: 20px;
	letter-spacing: 0px;
	color: #6697ff;
	  display: flex;
  justify-content: center;
	  align-items: center;
}
.parentnav:hover{
	color: #3376fe;
}
.sonnav{
	display: block;
	justify-content: center;
	align-items: center;
	font-size: 22px;
}
.sonnav li{

	margin-bottom: 5px;
	/* width:195px;
		
	
		/* border-image: linear-gradient( 200deg,#1cb0ff,#f2fff9) 2 2; */
	height:40px;
	font-weight: 540;
		font-size: 18px;
		color: #459fee;
		  display: flex;
	justify-content: center;
		  align-items: center;
}
.sonnav li:hover{
	color: #ffffff;
	background-color:#dbe7ff;
}

.sonnav a{
	color: #595959;
	display:inline-block;
	
}
.sonnav a:hover{
	color: #3376fe;
}

.icon1 {
  width: 1.3em;
  height: 1.3em;
  vertical-align: -0.20em;
  fill: currentColor;
  overflow: hidden;
 
}
.main{
	display: inline-block;
	background-color: #fbfcfd;
	height:900px;
	margin-left: 265px;
	margin-right: 20px;
	width:1215;
	overflow:auto;
	border-radius: 10px;
	opacity: 0.9;
	margin-top: 70px;
	box-shadow: -1px 0px 1px #dadce1,0px 1px 1px #dadce1,0px -1px 1px #dadce1,1px 0px 1px #dadce1;; 
}
#oper{
	background-color: #dbe7ff;
}
#oper a{
	color: #3376fe;
}
.container{
	display:inline-block;
}

.mianbox{
	display: inline-block;
}

.tabletitle{
	margin-top: 10px;
	margin-bottom:5px;
	text-align: center;
	letter-spacing: 3px;
}
.tabletitle span{
	display: inline-block;
	text-align: center;
	color: #000000;
	font-size: 28px;
	font-weight: 520;
	}
	
	
.search{
	text-align: center;
	justify-content: center;
	align-items: center;
}

#submit{
	display: inline-block;
		background-color:#6ca0ff;
		border: 0ch;
		border-radius: 0 10px 10px 0;
		height: 35px;
		width: 70px;
		color:#FFFFFF;
		cursor: pointer;
		font-size:16px;
		border: none;
		letter-spacing:2px;
}


#submit:hover{
	background-color: #3376fe;
}
.selecttype{
	width: 108px;
	height: 30px;
	color: #000000;
	font-size: 17px;
	border-radius: 5px;
	outline: none;
	border: none;
}
.selecttype:focus{
	outline: none;
}

.selecttype:hover{
	border-color: #6ca0ff;
}
.search input{
	outline: none;
	border-color: #6ca0ff;
	 border: none;
	font-size: 15px;
	height: 26px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.4); 
}


.search input:focus{
    color: #000000;
    outline: none;
    transition: 0.5s;
}

.search input:hover{
	border-color: #6ca0ff;
}
.inputtext{
	width: 200px;
	height: 26px;
}
.inputpart{
	width: 60px;
	height: 26px;
}

.dateinput{
	text-indent: 7px;
	width: 130px;
}
.aabtnbox{
	margin-left: 17px;
}

.handlebtn{
	background-color: transparent;
	border: none;
	border-bottom: 1px solid #000000;
	font-size: 14px;
	letter-spacing: 1px;
}
.handlebtn:hover{
	color: #2790ec;
	border-bottom: 1px solid #2790ec;
}
.miancontainer{
	text-align: center;
	overflow: hidden;
	display:inline-block;
}
table{
	
	table-layout: fixed;
	width:1000px;
}
table tr:nth-child(odd) {
	background-color:#ecf1fa;
  }
    table th{
        text-align: center;
        height: 40px;
        background: #6ca0ff;
    	color: #ffffff;
        margin: 0;
        border: 0px;
    	font-size: 15px;
    	font-weight: 520;
    	letter-spacing: 1px;
    }
    table td{
        text-align: center;
     
        margin: 0;
           height: 40px;
        border:0px;
    	font-size: 15px;
    	letter-spacing: 0px;
    	white-space: nowrap;
    	text-overflow: ellipsis;
    	overflow: hidden;
    	word-wrap: break-word;
    }
    table tr:hover{
        background: #dbe7ff;
    }
    .span6{
        float:inherit;
        margin:10px;
    }
    #pagiDiv{
    	margin-top: 20px;
    	text-align: center;
    }
    #pagiDiv span{
        background:#6ca0ff;
        border-radius: .3em;
        padding:6px;
    	color: #ffffff;
    }
    #pagiDiv a{
    	text-decoration: none;
    	color: #ffffff;
    }
    #pagiDiv span:hover{
    	background-color: #3376fe;
    }
	.id{
		width:90px;
		
	}
	.name{
		width:90px;

	}
	.password{
		width: 200px;
	}
				
	.email{
		width:250px;
	}
	.tel{
		width:150px;
	}
	.date{
		width: 150px;
	}
	.hand{
		width: 40px;
	}

	
	.check{
		width: 40px;
	}
	.checkson{
		background-color: transparent;
	}
.alterbox ,.addbox{
	display:inline-block;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width:400px;
	height:400px;
	background-color: #ffffff;
	border-radius: 10px;
	opacity: 0.9;
	margin-top:115px;
	box-shadow: -2px 0px 5px #e6e6e6,0px 2px 5px #e6e6e6,0px -2px 5px #e6e6e6,2px 0px 5px #e6e6e6; 
}

.hiddenitem{
	margin: 20px;
}
.hiddenbox input{
		outline: none;
		border-color: #6ca0ff;
		 border: none;
		 width:210px;
		font-size: 15px;
		text-align: center;
		border-bottom: 1px solid rgba(0, 0, 0, 0.4); 
}

.hiddenbox input:focus{
    outline: none;
    transition: 0.5s;
	border-bottom: 1px solid #6ca0ff; 
}
.hiddenbox h2{

	margin-top:25px;
	font-size: 28px;
	color: #2f2f2f;
	letter-spacing: 2px;
	margin-bottom: 10px;
}
.hiddenbox{
	justify-content: center;
	text-align: center;
	align-items: center;
	display: inline-block;
	float: right;
	background-color: #f1f1f1;
	z-index:55;
	overflow: auto;
	position:fixed;
	top:0px;
	right: 0px;
	left: 0px;
	bottom: 0px;
	opacity: 1;
	width: 100%;
	height:100%;
	
}
.hiddenbox button{
	background-color: #6ca0ff;
	border: none;
	color: #FFFFFF;
	border-radius: 7px;
	font-size: 16px;
	width: 120px;
	height: 38px;
	margin:  10px;
}
.hiddenbox button:hover{
	background-color:  #3376fe;
}
.hidden{
    display: none;
    transition: 0.5s;
}
#alterreturn,#addreturn{
	
	float: right;

}